﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="BottomSlider.ascx.cs"
    Inherits="Indochinaodyssey.UserControl.SliderImage.BottomSlider" %>
<%--<script type="text/javascript" src="Scripts/jquery-1.4.1.min.js"></script> --%>
<!--
  jCarousel library
-->
<script type="text/javascript" src="Scripts/jquery.jcarousel.min.js"></script>
<!--
  jCarousel skin stylesheet
-->
<link rel="stylesheet" type="text/css" href="Style/BottomSliderCss.css" />
<script type="text/javascript">
    function mycarousel_initCallback(carousel) {
        // Disable autoscrolling if the user clicks the prev or next button.
        carousel.buttonNext.bind('click', function () {
            carousel.startAuto(0);
        });

        carousel.buttonPrev.bind('click', function () {
            carousel.startAuto(0);
        });

        // Pause autoscrolling if the user moves with the cursor over the clip.
        carousel.clip.hover(function () {
            carousel.stopAuto();
        }, function () {
            carousel.startAuto();
        });
    };

    jQuery(document).ready(function () {
        jQuery('#mycarousel').jcarousel({
            auto: 2,
            wrap: 'last',
            initCallback: mycarousel_initCallback
        });
    });
 
</script>
<asp:Label ID="lblSlide" runat="server"></asp:Label>
